import React from 'react'
import {
  Input,
  DatePicker,
  Button,
  Space,
  Image,
  Col,
  Row,
}
  from 'antd';
import { useNavigate } from 'react-router-dom';
import { FormOutlined, UserOutlined } from '@ant-design/icons';
import moment from 'moment';
const dateFormat = 'YYYY-MM-DD';

const Album = () => {
  //跳转我的相册页面
  const navigator = useNavigate()
  const handleAlbu = () => {
    navigator('/MyAlbum')

  }
  //发布相册
  //跳转我的相册页面
  const navigators = useNavigate()
  const handlePub = () => {
    navigators('/Publish')

  }
  return (
    <div>
      <Input placeholder='请输入学校名称' style={{ width: '150px' }} />
      发布日期:<DatePicker.RangePicker
      defaultValue={[moment('2015-10-02', dateFormat), moment('2015-10-08', dateFormat)]}
        style={{
          height: '30px',
          marginRight: '10px'
        }}
      />
      <Input placeholder='请输入发布者姓名' style={{ width: '150px' }} />
      <Space >
        <Button type='primary' style={{ margin: '10px' }}>查询</Button>
        <Button type='primary' onClick={handleAlbu}><UserOutlined />我的相册</Button>
        <Button type='primary' onClick={handlePub}><FormOutlined />发布相册</Button>
      </Space>
      <div>
        <span>蒋老师</span>
        <br />
        <span>2022-12-20</span>
        <br />
        <span>班会</span>
      </div>
      {/* 相册图片 */}
      <Row>
        <Col
          
          lg={{
            span: 6,
           
          }}
        >

<Image width={300} src={"http://172.16.110.243:9999/file/"+"01.jpg"} />
        </Col>
        <Col
          
          lg={{
            span: 6,
            offset: 2,
          }}
        >
          <Image width={300} src={"http://172.16.110.243:9999/file/"+"01.jpg"} />
        
          
        </Col>
        <Col
          
          lg={{
            span: 4,
            offset: 2,
          }}
        >
          <Image width={300} src={"http://172.16.110.243:9999/file/"+"01.jpg"} />
        </Col>
      </Row>
      

    </div>
  )
};
export default Album;

